---
const { class: classList } = Astro.props
---

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 256 256"
  class:list={classList}
  ><rect
    width="256"
    height="256"
    fill="none"
  ></rect><circle
    cx="80"
    cy="80"
    r="32"
    opacity="0.2"
    fill="currentColor"
  ></circle><circle
    cx="176"
    cy="80"
    r="32"
    opacity="0.2"
    fill="currentColor"
  ></circle><circle
    cx="80"
    cy="176"
    r="32"
    opacity="0.2"
    fill="currentColor"
  ></circle><circle
    cx="176"
    cy="176"
    r="32"
    opacity="0.2"
    fill="currentColor"
  ></circle><circle
    cx="80"
    cy="80"
    r="32"
    fill="none"
    stroke="currentColor"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="16"
  ></circle><circle
    cx="176"
    cy="80"
    r="32"
    fill="none"
    stroke="currentColor"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="16"
  ></circle><circle
    cx="80"
    cy="176"
    r="32"
    fill="none"
    stroke="currentColor"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="16"
  ></circle><circle
    cx="176"
    cy="176"
    r="32"
    fill="none"
    stroke="currentColor"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="16"
  ></circle></svg
>
